<template>
  <div class="contact1">
    <navi>联系我们</navi>
    <div class="contact2">
      <div class="contact2_l">
        <div class="l1">
          <b>{{ companyinfo.companyName }}</b>
        </div>
        <div class="l2">
          联系人：{{ companyinfo.contact }}<br />
          联系电话：{{ companyinfo.tel }}<br />
          联系QQ：{{ companyinfo.QQ }}；E-mail：{{ companyinfo.email }}<br />
          公司网址：{{ companyinfo.weburl }}<br />
          侯马店铺：{{ companyinfo.shop1 }}<br />
          运城店铺：{{ companyinfo.shop2 }}
        </div>
        <div class="l3">公司地址：{{ companyinfo.address }}</div>
        <div class="l4">
          你可以通过QQ在线洽谈：<br />
          <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=82570800&site=qq&menu=yes"><img border="0"
              src="http://wpa.qq.com/pa?p=2:82570800:51" alt="点击这里给我发消息" title="点击这里给我发消息" /></a>
          <a target="_blank"
            href="http://wp.qq.com/wpa/qunwpa?idkey=2e1f204134407aca843a894261aa46f684ad445058deb0a7a1ef824d72765002"><img
              border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="炫迪公司" title="炫迪公司" /></a>
        </div>
      </div>
      <div><img src="/images/gongsiditu.jpg" /></div>
    </div>
  </div>
</template>

<script setup lang="ts">
const companyinfo:any = useCompanyInfo();
</script>

<style scoped>
.contact1 {
  width: 965px;
  height: 540px;
  border: #c9c9c9 1px solid;
  margin: 0 auto;
}

.contact2 {
  width: 890px;
  margin: 0 auto;
  height: 430px;
  margin-top: 50px;
}

.contact2_l {
  border-right: #dcdcdc dashed 1px;
  width: 465px;
  height: 400px;
  float: left;
  margin: 0 auto;
  font-size: 12px;
  color: #797878;
}

.l1 {
  border-bottom: #dcdcdc dashed 1px;
  width: 400px;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
  color: #212121;
  margin: 0 auto;
}

.l2 {
  border-bottom: #dcdcdc dashed 1px;
  width: 400px;
  height: 150px;
  line-height: 23px;
  margin-top: 20px;
  margin: 0 auto;
}

.l3 {
  border-bottom: #dcdcdc dashed 1px;
  width: 400px;
  height: 45px;
  margin: 0 auto;
  line-height: 45px;
}

.l4 {
  border-bottom: #dcdcdc dashed 1px;
  width: 400px;
  height: 80px;
  margin: 10px auto;
  line-height: 40px;
}

.contact2_r {
  width: 405px;
  height: 400px;
  background: url("/images/lianxitu.jpg") no-repeat right center;
  float: right;
  display: inline;
}
</style>